.poster {
  width: 100%;
  /* height: 590px; */
  /* position: absolute; */
  /* top: 50%;
  left: 50%; */
  /* margin: -200px 0 0 -160px; */
  /* border-radius: 5px; */
  /* box-shadow: 0 45px 100px rgba(0, 0, 0, 0.4); */
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}



@media only screen and (max-width:768px) {
  .poster {
    margin: -100px 0 0 -160px;
  }
}

/* .poster .shine {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-linear-gradient(315deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 60%);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 60%);
  z-index: 100;
} */

.poster div[class*="layer-"] {
  /* position: absolute; */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  transition: all .1s;
  border-radius: 20px;
  /* box-shadow: 6px 7px 20px 0px rgb(0 0 0 / 40%); */
}

/* .poster .layer-1 {
  background-image: url("../images/jishu1.jpg");
}

.poster .layer-2 {
  background-image: url("../img/effect-1/2.png");
}

.poster .layer-3 {
  background-image: url("../img/effect-1/3.png");
}

.poster .layer-4 {
  background-image: url("../img/effect-1/4.png");
}

.poster .layer-5 {
  background-image: url("../img/effect-1/5.png");
} */